<template>
  <div>
    <div class="bg">

    </div>
    <div class="container">
      <el-row>
        <button class="btn ">无锡</button>
        <button class="btn active">成都</button>
      </el-row>

      <el-row>

        <el-col span="8" v-for="item in 10" :key="item">
          <div  class="card">
            <div class="header">
              <img src="../../assets/rooms/room001.jpg">
            </div>
            <div class="content">
              <div><span style="color:#4e4126">整套公寓<span aria-hidden="true"> · </span>1张床</span></div>
              <div class="title">
                【格宅苑外·夏野】（全屋消毒）
                钟楼回民街永兴坊小寨南稍门永宁门大雁塔地铁口
              </div>
              <div class="bold"><span>价格</span><span>￥172</span></div>
              <div><span class="stars"></span>
                <span>24</span><span>.</span><span>超赞房东</span></div>
            </div>
          </div>

        </el-col>


      </el-row>

    </div>

  </div>
</template>

<script>
  export default {
    name: "index",
    data:function () {
      return{

      }
    }
  }
</script>

<style scoped>

</style>
